<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>新湖南云 - 湘问详情</title>
        <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name='apple-touch-fullscreen' content='yes' />
        <meta content="fullscreen=yes,preventMove=no" name="ML-Config" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no,email=no,address=no" />
        <script type="text/javascript" src="viewport.js"></script>
        <script type="text/javascript" src="newsDetailAction.js"></script>
        <style type="text/css">
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
            table{ border-collapse:collapse; border-spacing:0;}
            fieldset,img{ border:0;}
            a { text-decoration:none; color:#111;}
            a:hover { color:#111;}
            ol,ul,li{ list-style:none;}
            body,button,input,select,textarea{ font:14px \5FAE\8F6F\96C5\9ED1,helvetica,arial;}
            input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit;}
            address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;}
            h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
            abbr,acronym{ border:0; font-variant:normal;}
            .clearfix:before,.clearfix:after {content: " ";display: table;}
            .clearfix:after {clear: both;}
            body{ width:100%; height:auto; margin:0 auto; color:#111; background:#fff;}
            clearfloat{ display:block; clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
            #container{ min-width:320px; height:auto; margin:0 auto;}
            #main { width:100%; height:auto; overflow:hidden;}
            .main_content { width:auto; height:auto; margin:0 17px;}
            .main_top { width:auto; height:auto;}
            .main_top_title { width:auto; height:auto; line-height:36px; margin-top:12px; font-size:24px; font-weight:bold;}
            .main_top_other { width:auto; height:14px; margin:10px 0 14px 0;}
            .main_top_from { float:left; width:auto; height:14px; line-height:14px; font-size:14px; color:#333;}
            .main_top_date { float:left; width:auto; height:14px; line-height:14px; font-size:12px; color:#c4c4c4;}
            .main_top_time { float:left; width:auto; height:14px; line-height:14px; margin-left:10px; font-size:14px; color:#999;}
            .main_top_data { float:right; width:auto; height:14px; line-height:14px; font-size:12px; color:#c4c4c4;}
            .main_top_browse { float:right; width:16px; height:12px; margin:1px 10px 1px 0; background-size:20px 12px;}
            .main_top_browse img{ width: 100%;height: 100%;}
            .main_word { width:100%; height:auto; line-height:30px; margin:15px 0;margin-top: 25px; font-size:18px;text-align: justify;}
            .main_word p { margin:12px 0;}
            .main_pic { margin-bottom:15px; text-align:center; overflow:hidden;}
            .main_pic img { max-width:100%; max-height:100%; margin:0 auto;}
            .main_label { width:auto; height:22px; margin-bottom:35px;}
            .main_label_img { float:left; width:22px; height:22px; background:url(icon_xw_type.png) no-repeat; background-size:22px 22px;}
            .main_label_word { float:left; width:auto; height:22px; line-height:22px; margin-left:10px; font-size:12px; color:#999;}
            #share { width:100%; height:auto; overflow:hidden;}
            .share_content { width:auto; height:auto;}
            .share_huifu { width:auto; height:auto; margin:0 17px 0px 17px;}
            .share_send { width:auto; height:auto; margin:0 17px 20px 17px;background: #f6f6f6;}
            .share_send_top { width:auto; height:27px; line-height:27px; margin-bottom:16px;display: flex;flex-direction: row;justify-content: space-between;}
            .share_send_top a{color: #3c63b6;}
            .share_top_label { float:left; width:27px; height:27px; line-height:27px; font-size:14px; color:#fff; text-align:center; background:#2fb3fe;border-radius: 5px;}
            .share_top_word { float:left; width:auto; height:27px; line-height:27px; margin-left:10px; font-size:18px; color:#333; font-weight:bold;}
            .share_top_word a { font:14px;color:blue; }
            .share_send_content {padding-top: 10px;width:auto; height:auto; border-radius:4px;margin:0 20px 0 20px;border-top: 1px solid #e9e9e9;padding-bottom: 6px;}
            .share_content_title { width:auto; height:auto; line-height:30px;  font-size:16px; color:#333;text-align: justify;}
            .share_content_img { margin:0 20px 10px 20px; text-align:center; overflow:hidden;}
            .share_content_other { width:auto; height:auto;}
            .share_content_word { width:auto; height:32px; line-height:32px;overflow:hidden;margin-top: 8px;}
            .share_send_content:first-child{border-top: none;margin-top: 10px;}
            .share_content_from { float:left; width:auto; height:32px; line-height:32px; font-size:12px; color:#c4c4c4;}
            .share_content_date {float:right; width:auto; height:32px; line-height:32px; font-size:12px; color:#c4c4c4;}
            .share_sub { width:36px; height:auto; margin:20px auto 20px auto;}
            .share_sub_img { float:left; width:46px; height:46px; background:url(xw_detail_zan.png) no-repeat; background-size:46px 46px;}
            .share_sub_img_no { float:left; width:46px; height:46px; background:url(xw_detail_zan_no.png) no-repeat; background-size:46px 46px;}
            .share_sub_img_no a { float:left; width:46px; height:46px;}
            .share_sub_img a { float:left; width:46px; height:46px;}
            .share_sub_word { float:left; width:46px; height:32px;}
            .share_sub_word a { float:left; width:46px; height:32px; line-height:32px; font-size:16px; color:#333; text-align:center;}
            #thread { width:100%; height:auto; overflow:hidden;}
            .thread_content { width:auto; height:auto; overflow:hidden;}
            .thread_top { width:auto; height:22px; line-height:22px; margin:0 10px 10px 10px;}
            .thread_top_label { float:left; width:22px; height:22px; line-height:22px; margin-right:10px; font-size:12px; color:#fff; text-align:center; background:#66cc00;}
            .thread_top_word { float:left; width:auto; height:22px; line-height:22px; font-size:16px; color:#333; font-weight:bold;}
            .thread_send { width:auto; height:auto; margin:0 17px 20px 17px;}
            .thread_send_content { background:#f6f6f6;width:auto; height:auto; border-radius:4px;}
            .thread_content_single { width:auto; height:auto; border-radius:4px;margin:0 20px;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;}
            .thread_content_single:last-child{padding-bottom: 10px;border-bottom: none;}
            /*.thread_content_single:first-child{padding-top: 10px;}*/
            .thread_content_title { width:auto; height:auto; line-height:24px;  font-size:16px; color:#333;text-align: justify;}
            .thread_content_all { width:auto; height:24px;margin-bottom: 10px;}
            .thread_content_left { float:left; width:auto; height:24px; line-height:24px; color:#0072c6;font-size: 12px;}
            .thread_content_right { float:right; width:auto; height:24px; line-height:24px; color:#c4c4c4;font-size: 12px;}
            .thread_content_p { line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
            .thread_content_other { width:auto; height:auto;}
            .thread_content_word { width:auto; height:32px; line-height:32px; margin:0 20px; overflow:hidden;}
            .thread_content_link{ float:left; width:100%; height:32px; line-height:32px; font-size:14px; color:#0072c6; text-align:center;}
            </style>
        <script language="javascript" type="text/javascript">
            function changeZan(num)
            {
                var o=document.getElementById("addzan");
                o.className = "share_sub_img";
                var x=document.getElementById("zannum");
                x.innerHTML = num;
            }
        </script>
    </head>
    <body>
        <div id="container">
            <!--内容-->
            <div id="main">
                <div class="main_content">
                    <div class="main_top">
                        <div class="main_top_title">
                            [title]
                        </div>
                        <div class="main_top_other">
                            <div class="main_top_from"></div>
                            <div class="main_top_date">
                                [date]
                            </div>
                            <div class="main_top_data">
                                [views]
                            </div>
                            <div class="main_top_browse">
                                <img src="icon_item_read.png" />
                            </div>
                        </div>
                    </div>
                    <div class="main_word">
                        [content]
                    </div>
                    <div class="main_label">
                        <div class="main_label_img"></div>
                        <div class="main_label_word">
                            投诉周报
                        </div>
                    </div>
                </div>
            </div>
            <div id="share">
                <div class="share_content">
                    [replyConten]
                    <div class="share_sub clearfix">
                        <div id="addzan" class="share_sub_img_no">
                            <a onclick="onClickZan()"></a>
                        </div> 
                        <div class="share_sub_word">
                            <a id="zannum" href="javascript:void(0);">[zancount]</a>
                        </div> 
                    </div> 
                </div> 
            </div> 
            <!--跟帖--> 
            [commentConten]
        </div>  
    </body>
</html>
